.bannerBox {
  width: 100%;
  height: 100vh;
}
.bannerBox .swiper-slide {
  width: 100%;
  height: calc(100vh - 90px);
  margin-top: 90px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
}
.bannerBox .slide-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.bannerBox .slide-inner i{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bannerBox .slide-inner i img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerDefault{
  object-fit: fill!important;
}
.bannerBox .slide-inner video {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  mix-blend-mode: darken;
}
.bannerBox .slide-inner .text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 58px;
  color: #fff;
  font-weight: bold;
}
.bannerBox .slide-inner .text div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bannerBox .slide-inner .text div span {
  visibility: hidden;
  position: relative;
  letter-spacing: 1px;
}
.bannerBox .slide-inner .text div span::after {
  position: absolute;
  left: 0;
  top: 8%;
  width: 100%;
  height: 84%;
  background: #fff;
  opacity: 1;
  content: " ";
}
.bannerBox .swiper-slide-active .slide-inner .text div span {
  visibility: visible;
  -webkit-animation-duration: 0.08s;
  animation-duration: 0.08s;
  animation-delay: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: opacity1;
  animation-name: opacity1;
}
.bannerBox .swiper-slide-active .slide-inner .text div span::after {
  -webkit-animation-duration: 0.05s;
  animation-duration: 0.05s;
  animation-delay: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: opacity0;
  animation-name: opacity0;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(1) {
  animation-delay: 0.5s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(1)::after {
  animation-delay: 0.55s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(3) {
  animation-delay: 0.7s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(3)::after {
  animation-delay: 0.75s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(5) {
  animation-delay: 0.65s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(5)::after {
  animation-delay: 0.7s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(7) {
  animation-delay: 0.4s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(7)::after {
  animation-delay: 0.45s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(8) {
  animation-delay: 0.6s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(8)::after {
  animation-delay: 0.65s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(11) {
  animation-delay: 0.5s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(11)::after {
  animation-delay: 0.55s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(13) {
  animation-delay: 0.6s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(13)::after {
  animation-delay: 0.65s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(15) {
  animation-delay: 0.65s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(15)::after {
  animation-delay: 0.7s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(17) {
  animation-delay: 0.4s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(17)::after {
  animation-delay: 0.45s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(19) {
  animation-delay: 0.55s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(19)::after {
  animation-delay: 0.6s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(1) {
  animation-delay: 0.5s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(1)::after {
  animation-delay: 0.55s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(2) {
  animation-delay: 0.35s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(2)::after {
  animation-delay: 0.4s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(3) {
  animation-delay: 0.4s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(3)::after {
  animation-delay: 0.45s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(4) {
  animation-delay: 0.55s;
}
.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(4)::after {
  animation-delay: 0.6s;
}
.bannerBox .opacity0 {
  -webkit-animation-name: opacity0;
  animation-name: opacity0;
}
@-webkit-keyframes opacity0 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opacity0 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.bannerBox .opacity1 {
  -webkit-animation-name: opacity1;
  animation-name: opacity1;
}
@-webkit-keyframes opacity1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bannerBox .swiper-button-next,
.bannerBox .swiper-button-prev {
  width: 62px;
  height: 62px;
  border-radius: 100%;
  opacity: 1;
}
.bannerBox .swiper-button-next::after,
.bannerBox .swiper-button-prev::after {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: " ";
}
.bannerBox .swiper-button-next::before,
.bannerBox .swiper-button-prev::before {
  transition: all 0.5s;
  transform: scale(0.5);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #15499a;
  border-radius: 100%;
  content: " ";
}
.bannerBox .swiper-button-prev {
  left: 5%;
  background: url(../images/icon/icon_1.png) center no-repeat;
}
.bannerBox .swiper-button-prev::after {
  left: 72px;
  background: url(../images/icon/icon_1s.png) center no-repeat;
}
.bannerBox .swiper-button-prev:hover::after {
  transition: all 0.5s;
  left: 0px;
  opacity: 1;
}
.bannerBox .swiper-button-prev:hover::before {
  transform: scale(1);
  opacity: 1;
}
.bannerBox .swiper-button-next {
  right: 5%;
  background: url(../images/icon/icon_2.png) center no-repeat;
}
.bannerBox .swiper-button-next::after {
  right: 72px;
  background: url(../images/icon/icon_2s.png) center no-repeat;
}
.bannerBox .swiper-button-next:hover::after {
  transition: all 0.5s;
  right: 0px;
  opacity: 1;
}
.bannerBox .swiper-button-next:hover::before {
  transform: scale(1);
  opacity: 1;
}
.bannerBox .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 5%;
  pointer-events: none;
}
.bannerBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;
  opacity: 1;
  width: 37px;
  height: 37px;
  background: url(../images/icon/icon_3.png) center no-repeat;
  pointer-events: auto;
}
.bannerBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::after {
  transition: all 0.5s;
  opacity: 0;
  transform: scale(0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_3s.png) center;
  background-size: 100% 100%;
  content: " ";
}
.bannerBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: none;
}
.bannerBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
  transition: all 0.5s;
  opacity: 1;
  transform: scale(1);
}
.bannerBox .swiper-num {
  position: absolute;
  z-index: 2;
  right: 5%;
  bottom: 5%;
  color: #b8b8b8;
  font-size: 26px;
  padding-bottom: 5px;
  border-bottom: 2px solid #b8b8b8;
  pointer-events: none;
}

.bannerBox .s1 .exhibition{
  margin-top: -8%;
  margin-left: 38%;
  width: 62%;
}
.bannerBox .s1 .bannerText{
  font-size: 23px;
  line-height: 37px;
}
.bannerBox .s1 .bannerText p{
  padding-left: 38px;
}
.bannerBox .s1 .bannerText .p1{
  background: url(../images/icon/b1.png) left center no-repeat;
}
.bannerBox .s1 .bannerText .p2{
  background: url(../images/icon/b2.png) left center no-repeat;
}
.bannerBox .s1 .bannerText .p3{
  background: url(../images/icon/b3.png) left center no-repeat;
}
.bannerBox .s1 .readMore{
  margin-left:calc(100% - 190px);
}

.bannerBox .s3 .bannerTitle{
  /*font-size: 65px;*/
  color: #17138f;
}
.bannerBox .s3 .bannerText{
  /*font-size: 30px;*/
  /*line-height: 70px;*/
  line-height: 65px;
  color: #17138f;
}
.bannerBox .s3 .readMore{
  background: none;
}
.bannerBox .s3 .bannerRightImg{
  width: 50%;
}








@media (max-width: 1200px){
  .bannerBox .s1 .bannerSlideleft{
    width: 78%;
  }
  .bannerBox .s1 .exhibition{
    margin-left: 0;
    width: 100%;
  }
  .bannerBox .s1 .bannerTitle{
    margin: 0.4rem auto 0.2rem;
    width: 100%;
  }
  .bannerBox .s1 .bannerText{
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.4rem;
    text-align: left;
  }
  .bannerBox .s1 .bannerText p{
    padding-left:0.4rem;
  }
  .bannerBox .s1 .bannerText .p1{

    background-size: 0.24rem auto;
  }
  .bannerBox .s1 .bannerText .p2{
    background-size: 0.24rem auto;
  }
  .bannerBox .s1 .bannerText .p3{
    background-size: 0.18rem auto;
  }
  .bannerBox .s1 .mobileMore{
    margin-left:calc(100% - 2.12rem - 2px - 0.47rem);
  }
  .bannerBox .s1 .mobileMore{
    margin-left:calc(100% - 1.7rem - 2px - 0.47rem);
  }
  .bannerBox .s3 .bannerSlideleft{
    margin-top: 1.3rem;
  }
  .bannerBox .s3 .bannerTitle{
    /*font-size: 0.45rem;
    margin-left: 0.95rem;*/
    font-size: 0.36rem;
    line-height: 0.59rem;
  }
  .bannerBox .s3 .bannerText{
    /*font-size: 0.25rem;
    line-height: 0.46rem;*/
    font-size: 0.3rem;
    margin-top: 0.42rem;
    line-height: 0.48rem;
  }
  .bannerBox .s3 .mobileMore{
    color: #17138f;
    border: 1px solid #17138f;
  }

  .bannerBox .s3 .bannerRightImg{
    width: 4.54rem;
  }
}

.bannerBox .MoreImg .pos{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}
.bannerBox .MoreImg .pos.img1{
  opacity: 1;
}
.bannerBox .MoreImg .pos em{
  width: 100%;
  height: 100%;
}
.bannerBox .MoreImg .pos img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bannerBox  .MoreImg.swiper-slide-active .pos.img3{
  animation-delay: 1s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

@media (max-width: 1200px) {
  .bannerBox .MoreImg .pos{
    top: 0;
    height: 100%;
  }
}


.productBox {
  margin-top: 70px;
}
.productTitle {
  display: flex;
  align-items: center;
  font-size: 26px;
  font-weight: bold;
  justify-content: space-between;
}
.title{
  position: relative;
}
.title:after{
  content: '';
  position: absolute;
  width: 60px;
  height: 1px;
  background: #ccc;
  left: calc(100% + 20px);
  top: 50%;
  transform: translateY(-50%);
}
.more {
  transition: all 0.5s;
  font-size: 14px;
  font-weight: bold;
  width: 190px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.more::after {
  transition: all 0.5s;
  position: absolute;
  right: 100%;
  top: -140%;
  width: 150%;
  height: 260%;
  transform: rotate(15deg);
  background: #164a9a;
  content: " ";
}
.more:hover::after {
  right: -6px;
}
.more p {
  color: #164a9a;
  position: relative;
  z-index: 1;
  border: 1px solid #164a9a;
  box-sizing: border-box;
  border-radius: 50px;
  height: 100%;
}
.more:hover p {
  color: #fff;
}
.productBtn {
  margin-top: 70px;
}
.productBoxImg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productList {
  position: relative;
  width: 48.8%;
  cursor: pointer;
  overflow: hidden;
}
.productImg{
  height: 298px;
  background-size: cover!important;
  transform: scale(1);
  transition: all 0.5s;
}
.productDevImg{
  height: 295px;
  background-size: cover!important;
  transform: scale(1);
  transition: all 0.5s;
}
.productDevice {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left: 40px;
  box-sizing: border-box;
  padding-top: 50px;
  padding-right: 40px;
}
.listTitleEn {
  font-size: 24px;
  font-weight: bold;
  color: #15499a;
}
.listTitleCn {
  font-size: 28px;
  font-weight: bold;
  margin-top: 10px;
  color: #333;
}
.productDevice {
  color: #fff;
}
.rightBlack {
  color: #333;
}
.right {
  background: url("../images/index/right.png") no-repeat;
  background-size: 100% 100%;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 40px;
}
.productList:hover .right {
  background: url("../images/index/rights.png") no-repeat;
  background-size: cover;
}
.productList:hover .productImg, .productList:hover .productDevImg {
  transform: scale(1.1);
  transition: all 0.5s;
}
.rightBlack .right {
  background: url("../images/index/rightBlack.png") no-repeat;
}
.listOther {
  width: 31.5%;
}
.boxImg {
  margin-top: 30px;
}
.boxImg .listTitleCn {
  font-size: 24px;
}
.boxImg .right {
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
}
.programme {
  display: flex;
  align-items: center;
}
.programmeList {
  font-size: 20px;
  margin-left: 25px;
  cursor: pointer;
}
.programmeList.curr {
  color: #15499a;
}
.programmeList:hover {
  color: #15499a;
}
.newsBox{
  padding-bottom: 70px;
}
.newsBox img {
  width: 100%;
}
.newsBox .title{
  color: #000033;
}
.newsSwiper{
  position: relative;
  overflow: hidden;
  padding-bottom: 45px;
}
.newsSwiper .swiper-container{
  padding-bottom: 45px;
}
.newsSwiper .swiper-pagination{
  bottom: 0!important;
}
.newsSwiper .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  margin: 0 8px!important;
  background: #f1f1f1;
  opacity: 1;
}
.newsSwiper .swiper-pagination-bullet-active{
  background: #1254a5;
}

.listInfo {
  display: flex;
  margin-top: 10px;
  overflow:hidden;
}
.newsList{
  margin-left: 25px;
  background: #f9f9f9;
  width: 100%;
  margin-top: 60px;
}
.newsList:first-child, .newsList:nth-child(3n+1){
  margin-left: 0;
}
.newsListInfo{
  overflow: hidden;
  height: 280px;
  position: relative;
}
.newsListImg{
  height: 100%;
  transform: scale(1);
  transition: all 0.5s;
}
.newsStatus{
  background: #737e84;
  color: #fff;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.newsStatus.curr{
  background: #de202a;
}
.newsBtn{
  padding: 30px 25px;
  overflow: hidden;
  height: 208px;
  box-sizing: border-box;
}
.newsBtnTitle{
  font-size: 18px;
  color: #333;
  height: 60px;
  line-height: 30px;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-box;
  -ms-line-clamp: 2;
  -ms-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -o-box;
  -o-line-clamp: 2;
  -o-box-orient: vertical;
}
.serverTitle{
  height: 56px;
  line-height: 27;
  margin-bottom: 20px;
}
.serverText{
  font-size: 18px;
  color: #333;
  height: 280px;
  line-height: 30px;
}
.newsInfoPub{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.newsPub{
  display: flex;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}
.newsPub:first-child{
  margin-left: 0;
  margin-top: 0;
}
.serverPub{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.newsPubText{
  margin-left: 10px;
  color: #666666;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newsZpText{
  max-width: calc(100% - 34px);
}
.newsRight{
  width: 50px;
  height: 50px;
  float: right;
  margin-top: 10px;
  display: none;
}
.newsList:hover .newsListImg{
  transform: scale(1.1);
  transition: all 0.5s;
}
.newsList:hover .newsBtnTitle{
  color: #15499a;
}
.newsList:hover .newsRight{
  background: url('../images/news/rights.png') center no-repeat!important;
  background-size: 100% 100%!important;
}
.footerBox {
  padding-top: 70px;
  background: #f1f1f1;
  margin-top: 80px;
}
.recordBox {
  border-top: 1px solid #ccc;
  padding: 20px 0;
}
.footerImg {
  padding-bottom: 60px;
}
.footerImg img {
  width: 100%;
}
.mapInfo {
  display: flex;
  justify-content: space-between;
}
.mapImg {
  width: calc(100% - 311px);
}
.mapImgList {
  display: none;
}
.mapImgList.curr {
  display: block;
}
.mapImgList img {
  width: 100%;
}
.mapNav {
  width: 281px;
  height: 387px;
  background: url("../images/index/mapNav.png") no-repeat;
  background-size: cover;
  padding-top: 30px;
  box-sizing: border-box;
}
.mapNavList {
  padding-left: 40px;
  font-size: 20px;
  color: #fff;
  line-height: 50px;
  position: relative;
  cursor: pointer;
  margin-top: 20px;
}
.mapNavList.curr:before {
  content: '';
  position: absolute;
  left: 0;
  width: 8px;
  height: 100%;
  background: #e62129;
  box-sizing: border-box;
}
.accessList {
  width: 72.91%!important;
  min-width: 1200px!important;
  height: 500px!important;
  background-size: cover;
  display: flex;
  justify-content: space-between;
}
.accessListSer {

}
.accessListTree {

}
.wirelessBox{
  margin-top: 20px;
}
.wirelessBox .swiper-container{
  padding-bottom: 34px;
}
.wireless{
  display: flex;
  justify-content: space-between;
  height: 110px!important;
  flex-direction: inherit!important;
  border-bottom: 1px solid #ccc;
}
.wirelessList{
  width: auto!important;
  flex: 1;
  flex-shrink: inherit!important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.wireCriBg{
  width: 10px;
  height: 11px;
  background: url("../images/index/cri.png") center no-repeat;
  background-size: cover!important;
  position: relative;
}
.wirelessList.swiper-slide-thumb-active .wireCriBg{
  width: 11px;
  height: 11px;
  background: url("../images/index/cris.png") center no-repeat;
  background-size: cover!important;
}
.wirelessList.swiper-slide-thumb-active .wireCriBg:before{
  content: '';
  background: url(../images/index/indexCriBgs.png) center no-repeat;
  background-size: cover;
  position: absolute;
  width: 25px;
  height: 25px;
  left: -7px;
  top: -6px;
  animation-duration: 1.6s;
  opacity: 1;
  -webkit-animation-name: hvr-ripple-out-j;
  animation-name: hvr-ripple-out-j;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.wirelessList.swiper-slide-thumb-active .wireCriBg:after{
  content: '';
  width: 39px;
  height: 39px;
  background: url(../images/index/indexCriBg.png) center no-repeat;
  background-size: cover;
  position: absolute;
  left: -14px;
  top: -13px;
  animation-duration: 1.6s;
  opacity: 1;
  -webkit-animation-name: hvr-ripple-out-s;
  animation-name: hvr-ripple-out-s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes hvr-ripple-out-j {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes hvr-ripple-out-s {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.wirelessList:first-child:after{
  content: '';
  position: absolute;
  left: 0;
  width: calc(50% - 28px);
  height: 28px;
  bottom: -14px;
  background: #fff;
}
.wirelessList:last-child:after{
  content: '';
  position: absolute;
  right: 0;
  width: calc(50% - 28px);
  height: 28px;
  bottom: -14px;
  background: #fff;
}
.wirelessCri {
  width: 64px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
}
.accessInfo {
  width: 50%;
  height: 100%;
  padding: 0 115px;
  box-sizing: border-box;
  background: #225aab;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.sceneBanner{
  width: 50%;
  height: 100%;
}
.accessTitle {
  font-size: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cdcdcd;
}
.titleBold{
  position: relative;
  padding-bottom: 10px;
}
.titleBold:after{
  content: '';
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  /*background: #e62129;*/  position: absolute;
}
.titleCont {
  font-size: 18px;
  margin-left: 20px;
}
.accessContent {
  font-size: 18px;
  color: #fff;
  margin-top: 30px;
  line-height: 30px;
  height: 90px;
}
.sceneInfo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 60px;
}
.writeRight{
  width: 60px;
  height: 60px;
  background: url("../images/index/writeRight.png") center no-repeat;
  background-size: cover;
}
.writeRight:hover{
  background: url("../images/index/writeRights.png") center no-repeat;
  background-size: cover;
}
.sceneList {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.sceneList:nth-child(2n) {
  margin-left: 30px;
}
.sceneText {
  font-size: 18px;
  color: #fff;
  margin-left: 20px;
}
.accessBox {
  margin-top: 76px;
  position: relative;
  overflow: hidden;
}
.he_syp1quk {
  width: 72.91%;
  min-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.he_syp1qud {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 0px 0 10px rgb(0,0,0,0.2);
  background: #fff;
  position: relative;
  transition: all 0.36s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bannerBox .he_syp1qudle{
  margin-left: 0;
}
.bannerBox .he_syp1qudri{
  margin-right: 0;
}
.he_syp1qudle{
  margin-left: -32px;
}
.he_syp1qudri{
  margin-right: -32px;
}
.he_syp1qud:hover {
  background: #15499a;
}
.he_syp1qudle:hover .leftInfo {
  display: none;
}
.he_syp1qudle:hover .leftInfo_1 {
  display: block;
}
.he_syp1qudri:hover .rightInfo {
  display: none;
}
.he_syp1qudri:hover .rightInfo_1 {
  display: block;
}
.mySwiper .swiper-button-next {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 0px 4px 15px #000000;
  background: #fff;
  position: relative;
  transition: all 0.36s;
}
.rightInfo_1 {
  display: none;
}
.leftInfo_1 {
  display: none;
}
.syInfo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.accessList::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.swiper-slide-active.accessList::after {
  display: none;
}
.swiper-slide-active.accessList .accessInfo {
  opacity: 1;
  transition: all 0.5s;
}
.productInfoImg img {
  width: 100%;
}
.aboutGx {
  margin-top: 70px;
  position: relative;
}
.aboutCont{
  display: flex;
  margin-top: 70px;
}
.aboutLightList{
  width: 25%;
  position: relative;
}
.aboutLightList:hover .aboutPos{
  background: url("../images/index/aboutBgHover.png") center no-repeat;
  background-size: cover;
  transition: all 0.5s;
}
.aboutLightImg{
  height: 337px;
}
.aboutLightImg span{
  width: 100%;
  height: 100%;
  background-size: cover!important;
}
.aboutPos{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutPosBox{
  padding: 0 40px;
  /*margin-top: 125px;*/
}
.aboutLightIcon{
  width: 95px;
  margin: 0 auto;
}
.aboutLightIcon img{
  width: 100%;
}
.aboutLightText{
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 35px;
  /*margin-top: 85px;*/
}
.aboutContInfo{
  width: 50%;
  position: relative;
}
.aboutLeft{
  width: calc(100% - 55px);
  position: relative;
  overflow: hidden;
  padding-bottom: 120px;
}
.aboutContInfo .swiper-button-next{
  width: 80px;
  height: 80px;
  background: url(../images/index/rights.png) center no-repeat;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 42%;
  transform: translateY(-50%);
}
.aboutContInfo .swiper-button-next:after{
  display: none;
}
.aboutBox{
  position: relative;
}
.aboutImgInfo{
  width: calc(100% - 55px);
  height: 100%;
  overflow: hidden;
  margin-left: 55px;
}
.aboutBox.curr{
  display: block;
}
.aboutBox:hover .aboutImg{
  transition: all 0.5s;
  transform: scale(1.1);
}
.aboutImg{
  width: 100%;
  height: 460px!important;
  background-size: cover!important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.5s;
  transform: scale(1);
}
.aboutRightImg{
  width: 80px;
  height: 80px;
  background: url("../images/index/rights.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}
.aboutRight{
  width: 48%;
}
.companyCont{
  height: 340px;
}

.aboutList{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
  padding: 10px 0;
}
.aboutList:first-child{
  margin-top: 0;
}
.aboutLine{
  width: 80px;
  height: 1px;
  background: #ccc;
  margin-left: 10px;
}
.aboutListText {
  width: calc(100% - 110px);
  font-size: 18px;
  align-items: center;
}
.aboutList.active .aboutListText{
  font-size: 22px;
  font-weight: bold;
}
.aboutList.active .aboutListText span{

}
.aboutList.active .aboutLine{
  background: #000;
}
.aboutTextEn {
  width: 530px;
  font-size: 48px;
  color: #fff;
  height: 240px;
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: -120px;
  align-items: center;
  display: flex;
}
.aboutShopText{
  display: none;
}
.aboutShopText.curr{
  display: block;
}

.aboutBtn{
  background: url("../images/index/aboutBg.png") center no-repeat;
  height: 240px;
  background-size: cover;
  margin-top: -240px;
  display: flex;
  align-items: center;
}
.aboutBtn .w1400{
  display: flex;
  justify-content: flex-end;
}
.aboutLogo {
  position: absolute;
  right: 0;
  bottom: 225px;
  width: 40%;
  z-index: -1;
}
.aboutLogo img{
  width: 100%;
}
.aboutTextEnInfo{
  color: #fff;
  font-size: 20px;
  display: none;
  width: 48%;
}
.aboutTextEnInfo.curr{
  display: block;
}
.bannerTitle{
  font-size: 50px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}
.upAndDown .bannerTitle{
  text-align: center;
}
.bannerTitle img{

}
.swiper-slide-active .bannerTitle{
  animation-delay: 0.5s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.bannerText{
  margin-top: 40px;
  font-size: 30px;
  color: #fff;
  text-align: left;
}
.upAndDown .bannerText{
  text-align: center;
}
.bannerText img{

}
.swiper-slide-active .bannerText{
  animation-delay: 0.8s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.readMore{
  margin-top: 70px;
  font-size: 16px;
  overflow: hidden;
  background: #fff;
}
.upAndDown .bannerText{
  margin-top: 20px;
}
.upAndDown .readMore{
  margin: 0 auto;
  margin-top: 30px;
  background: url("../images/index/border.png") no-repeat;
  background-size: cover;
}
.upAndDown .readMore p{
  border: 1px solid #fff;
}
.upAndDown .more::after{
  background: #fff;
}
.upAndDown .more:hover p{
  color: #164a9a;
}
.upAndDown .more p{
  color: #fff;
}
.readWrite{
  border: none;
}
.swiper-slide-active .readMore{
  animation-delay: 1s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.bannerSlide{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bannerSlide.ofc{
  justify-content: center!important;
  align-items: flex-start;
  margin-top: -10%;
}
.bannerSlide.ofc .ofcLeft{
  width: 45%;
}
.bannerSlide.ofc .bannerTitle img{
  width: 100%;
}
.bannerSlide.ofc .bannerText{
  width: 36%;
  margin-top: 0!important;
  margin-left: 5%;
}
.bannerSlide.ofc .bannerText img{
  width: 100%;
}
.bannerSlide.ofc .more p{
  color: #15499a;
  border: 1px solid #15499a;
}
.bannerSlide.ofc .more::after{
  background: #15499a;
}
.bannerSlide.ofc .more:hover p{
  color: #fff;
}
.bannerFixedBox{
  position: absolute;
  height: 100%;
  width: 100%;
}
.bannerFixedBox .w1400{
  display: flex;
  justify-content: flex-end;
}
.bannerFixed{
  width: 19%;
  margin-top: 5%;
}
.bannerFixed img{
  width: 100%;
}
.banner_box{
  height: 100%;
  justify-content: center;
  align-items: flex-start;
}
.banner_box .bannerTextLeft{
  width: 100%;
}
.banner_box .bannerRightImg{
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  animation-delay: 0.5s !important;
}
.banner_box .bannerRightImg img{
  width: auto;
  margin:  0 auto;
}
.banner_box .bannerText{
  text-align: center;
  letter-spacing: 20px;
  margin-top: 16px;
  color: #9d0606;
  font-size: 45px;
  animation-delay: 0.8s !important;
}
.banner_box .bannerText p:last-child{
  display: none;
}
.banner_box .readMore{
  margin: 0 auto;
  margin-top: 50px;
}
.upAndDown .bannerSlide{
  display: block;
}
.bannerRightImg{
  width: 45%;
  overflow: hidden;
}
.fullProduct{
    position: absolute;
    width: 100%;
    height: calc(100vh - 90px);
    left: 0;
    top: 0;
    pointer-events: none;
  }
.swiper-slide-active .bannerRightImg{
  animation-delay: 1s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.bannerRightImg img{
  width: 100%;
  display: block;
}
.upAndDown .bannerRightImg{
  width: 100%;
}
.upAndDown .bannerRightImg img{
  width: auto;
  margin: 0 auto;
  margin-top: 10px;
}
.bannerTextLeft{
  width: 55%;
}
.exhibition{
  width: 68%;
}
.exhibition img{
  width: 100%;
}
.upAndDown .bannerTextLeft{
  width: 100%;
}
.upAndDown .bannerTitle img, .upAndDown .bannerText img{
  margin: 0 auto;
}
.mobileMore, .productImgMobile, .accessInfoMobile, .mobileArrow{
  display: none;
}
.productBoxImg .listOther:first-child{
  display: none;
}
.productImgInfo{
  width: 100%;
  height: 100%;
  background-size: cover!important;
}
.accessInfoPc{
  display: flex;
}
.mobileImg{
  display: none!important;
}
.mobileAboutImg{
  display: none!important;
}

/*BannerThree*/
.readThree{
  background: transparent;
}
.readThree p{
  color: #fff;
  border: 1px solid #fff;
}
.readThree:hover p{
  color: #164a9a;
}
.readThree::after{
  background: #fff;
}

/*.swiperText .bannerTitle, .swiperText .bannerText{*/
/*  color: #2267d3;*/
/*}*/

.tradeLeft{
  width: 59.5%;
}
.swiper-slide-active .tradeLeft {
  animation-delay: 0.3s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
}
.tradeLeft img{
  width: 100%;
}
.bannerFlexEnd{
  display: flex;
  justify-content: space-between;
  position: relative;
}
.tradeRight {
  width: 30.1%;
  display: flex;
  flex-direction: column;
}

.swiper-slide-active .tradeRight {
  animation-delay: 0.6s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInRight;
}
.tradeRight img{
  width: 100%;
}
.tradeMore{
  margin-top: 90px;
}
.tradeMore p{
  color: #15499a;
  border: 1px solid #15499a;
}
.tradeMore, .tradeMore p{
  border-radius: 13px;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@media (max-width: 1450px) {
  .bannerTitle{
    font-size: 40px;
  }
  .bannerSlide.ofc .ofcLeft{
    width: 40%;
  }
  .bannerSlide.ofc .bannerText{
    width: 35%;
  }
  .bannerSlide.ofc{
    margin-top: -12%;
  }
  .bannerFixed{
    margin-top: 3%;
  }
  .bannerText{
    font-size: 26px;
  }
  .upAndDown .bannerRightImg img{
    max-width: 40%;
  }
  .upAndDown .bannerTitle img, .upAndDown .bannerText img{
    max-width: 50%;
  }
  .upAndDown .bannerTitle{
    font-size: 36px;
  }
  .upAndDown .bannerText{
    font-size: 24px;
  }
  .bannerRightImg{
    width: 40%;
  }
  .fullProduct{
    width: 100%!important;
    height: 100%;
    margin-top: 0!important;
  }
  .bannerSlide{
    justify-content: center;
  }
  .bannerTextLeft{
    width: 48%;
  }
}

.swiperSlideInfo{
  display: flex!important;
  justify-content: flex-end;
}
.bannerSlideInfo{
  width: 64%;
  margin-right: 70px;
}
.bannerSlideInfo .readMore {
  margin-left: 108px;
  margin-top: 70px;
}
.bannerAddTitle{
  display: flex;
  justify-content: flex-end;
}
.swiper-slide-active .bannerAddTitle{
  animation-delay: 0.8s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.bannerAddTitle img{
  width: 100%;

}
.bannerSlideInfoTow {
  width: 89.3%;
  margin: 0 auto;
}
.bannerSlideInfoTow .readMore{
  margin: 0 auto;
  margin-top: 70px;
}
.bannerAddTitleTow img{
  width: 100%;
}
@media (max-width: 1400px) {
  .upAndDown .bannerRightImg img{
    max-width: 25%;
  }
  .upAndDown .bannerTitle {
    font-size: 34px;
  }
}
@media (max-width: 1200px) {
  .bannerBox{
    height: 9rem;
    padding-top: 0.9rem;
  }
  .bannerBox .swiper-slide{
    height: 9rem;
    margin-top: 0;
  }
  .bannerSlide{
    min-width: auto;
    flex-wrap: wrap;
    display: initial;
  }
  .bannerText img{
    width: 100%;
  }
  .bannerText{
    margin-top: 0.35rem;
  }
  .bannerRightImg img{
    width: 100% !important;
  }
  .bannerBox .swiper-button-next, .bannerBox .swiper-button-prev, .bannerBox .swiper-num{
    display: none;
  }
  .bannerTextLeft{
    width: 100%;
  }
  .bannerTitle img{
    width: 100%;
  }
  .exhibition .bannerTitle{
    width: 53%;
  }
  .bannerRightImg{
    width: 4.54rem;
    margin: 0 auto;
    margin-top: 0.4rem;
  }
  .upAndDown .bannerRightImg{
    width: 4.54rem;
  }
  .pcMore{
    display: none;
  }
  .more{
    width: 2.12rem;
    height: 0.55rem;
    line-height: 0.55rem;
    font-size: 0.26rem;
  }
  .mobileMore{
    display: block;
    width: 2.12rem;
    height: 0.55rem;
    line-height: 0.55rem;
    font-size: 0.26rem;
    position: relative;
    color: #fff;
    border: 1px solid #fff;
    font-weight: bold;
    border-radius: 50px;
    margin: 0 auto;
    margin-top: 0.45rem;
  }
  .mobileBlue{
    border: 1px solid #2267d3;
    color: #2267d3;
  }
  .swiper-slide-active .mobileMore{
    animation-delay: 1s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
  }
  .bannerBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    width: 0.3rem;
    height: 0.3rem;
    background: url("../images/m/index/icon_3.png") no-repeat;
    background-size: 100% 100%;
  }
  .bannerBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{
    background: url(../images/m/index/icon_3s.png) center no-repeat;
    background-size: 100% 100%;
  }
  .bannerBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active::after{
    display: none;
  }
  .w1400{
    width: 90%;
    min-width: auto;
  }
  .productTitle{
    font-size: 0.44rem;
  }
  .title:after{
    width: 0.6rem;
    left: calc(100% + 0.2rem);
  }
  .productBox{
    margin-top: 0.7rem;
  }
  .productBtn{
    margin-top: 0.7rem;
  }
  .productBoxImgPc .productList{
    width: 100%;
  }
  .productBoxImgPc .productList:last-child{
    display: none;
  }
  .boxImg{
    flex-wrap: wrap;
    margin-top: 0;
  }
  .listOther{
    width: 48%;
    margin-top: 0.3rem;
  }
  .productList .right{
    display: none;
  }
  .productDevice{
    padding: 0.4rem 0.3rem 0 0.3rem;
  }
  .listTitleEn{
    font-size: 0.3rem;
  }
  .listTitleCn{
    display: none;
  }
  .productBoxImg .listOther:first-child{
    display: block;
  }
  .productImg{
    height: 3.5rem;
  }

  .productImgPc{
    display: none;
  }
  .productImgMobile{
    display: block;
  }
  .boxImg .productImg{
    height: 2.58rem;
  }
  .productBoxImg:hover .productImg{
    transform: scale(1);
  }
  .wirelessBox{
    display: none;
  }
  .accessList{
    width: 100% !important;
    min-width: auto!important;
    height: auto!important;
    display: inherit;
  }
  .accessInfo{
    width: 100%;
    height: auto;
    padding: 0.4rem 0.3rem;
  }
  .accessBox{
    padding: 0 5%;
    margin-top: 0.7rem;
  }
  .sceneInfo{
    display: none;
  }
  .sceneBanner{
    height: 4.4rem;
    width: 100%;
  }
  .he_syp1quk{
    width: 100%;
    min-width: auto;
  }
  .accessInfoPc{
    display: none;
  }
  .accessInfoMobile{
    display: block;
  }
  .accessTitle{
    font-size: 0.44rem;
  }
  .titleBold{
    padding-bottom: 0.2rem;
  }
  .accessContent{
    font-size: 0.28rem;
    margin-top: 0.3rem;
    line-height: 0.4rem;
    height: auto;
    -webkit-line-clamp: 4;
  }
  .he_syp1qud{
    width: 0.9rem;
    height: 0.9rem;
  }
  .he_syp1qudri{
    margin-right: 0;
  }
  .he_syp1qudle{
    margin-left: 0;
  }
  .pcArrow{
    display: none;
  }
  .mobileArrow{
    display: block;
    width: 0.12rem;
  }
  .he_syp1qud:hover{
    background: #fff;
  }
  .he_syp1qudle:hover .leftInfo_1, .he_syp1qud:hover .rightInfo_1{
    display: none;
  }
  .listInfo{
    margin-top: 0.7rem;
    flex-wrap: wrap;
  }
  .newsList{
    margin-left: 0;
    margin-top: 0;
    width: 100%;
  }
  .newsSwiper .swiper-pagination{
    z-index: 1;
  }
  .newsPubText{
    font-size: 0.28rem;
    margin-left: 0.2rem;
  }
  .newsBtnTitle{
    font-size: 0.32rem;
    height: 0.84rem;
    line-height: 0.42rem;
    margin-top: 0.25rem;
  }
  .newsRight{
    display: none;
  }
  .newsPubImg{
    width: 0.35rem;
  }
  .newsBtn{
    padding: 0.35rem;
    height: 3.2rem;
  }
  .newsPubImg img{
    width: 100%;
  }
  .newsSwiper{
    padding-bottom: 0.5rem;
  }
  .newsSwiper .swiper-pagination-bullet{
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.08rem!important;
  }
  .newsListInfo{
    height: 4.35rem;
  }
  .productBox{
    font-size: 0.24rem;
  }
  .newsStatus{
    height: 0.55rem;
    line-height: 0.55rem;
    padding: 0 0.35rem;
    font-size: 0.28rem;
  }
  .newsPub{
    margin-top: 0.3rem;
  }
  .pcImg{
    display: none!important;
  }
  .mobileBanner{
    width: 100%;
    height: 100%;
  }
  .mobileImg{
    display: block!important;
  }
  .pcAboutImg{
    display: none;
  }
  .mobileAboutImg{
    display: block!important;
  }
  .aboutCont{
    flex-wrap: wrap;
    margin-top: 0.4rem;
    justify-content: space-between;
  }
  .aboutLightList{
    width: 48%;
    margin-top: 0.3rem;
  }
  .aboutLightImg{
    height: 3.7rem;
  }
  .aboutLightIcon{
    width: 1.15rem;
  }
  .aboutPosBox{
    /*margin-top: 0.7rem;*/
    padding: 0 0.2rem;
  }
  .aboutLightText{
    /*margin-top: 0.5rem;*/
    font-size: 0.26rem;
    line-height: 0.35rem;
  }
  .aboutGx{
    margin-top: 0.6rem;
  }
  .aboutLightList:hover .aboutPos{
    background: rgba(0,0,0,0.5);
  }
  .newsBox{
    padding-bottom: 0.7rem;
  }
  .more:hover p{
    color: #164a9a;
  }
  .more::after{
    display: none;
  }
  .upAndDown .bannerRightImg img{
    margin-top: 0;
    max-width: 100%;
  }
  .newsZpText{
    max-width: calc(100% - 0.55rem);
  }
  .bannerTitle{
    font-size: 0.36rem;
    line-height: 0.59rem;
    text-align: center;
    width: 4.54rem;
    margin: 0 auto;
  }
  .upAndDown .bannerTitle{
    font-size: 0.36rem;
  }
  .bannerText{
    font-size: 0.24rem;
    line-height: 0.44rem;
    text-align: center;
  }
  .upAndDown .bannerText{
    font-size: 0.24rem;
    margin-top: 0.35rem;
  }
  .bannerBox .slide-inner .text{
    font-size: 0.46rem;
  }
  .swiper-slide-active .bannerAddTitle{
    animation-delay: 0.5s;
  }
  .bannerSlideInfo{
    margin-right: 5%;
  }
  .bannerSlideInfoTow{
    margin: 0 auto;
  }
  .bannerAddTitleTow img{
    width: 4.64rem;
    margin: 0 auto;
  }

  .banner_box .bannerText{
    font-size: 0.31rem;
    letter-spacing: 0.05rem;
  }
  .banner_box .bannerText p:last-child{
    display: block;
  }
  .banner_box .bannerText p:first-child{
    display: none;
  }
  .banner_box .bannerRightImg {
    width: 70%;
  }



  .bannerFlexEnd{
    width: 80%;
    flex-wrap: wrap;
    margin-top: 1rem;
  }
  .tradeRight{
    width: 70%;
    margin-top: 1.4rem;
  }
  .tradeMore, .tradeMore p{
    border-radius: 0.15rem;
  }
  .tradeLeft{
    width: 100%;
  }

  .swiper-slide-active .tradeLeft {
    animation-delay: 0.3s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInLeftMobile;
  }
  @keyframes fadeInLeftMobile {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
    100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  .tradeMore{
    margin-top: 0.65rem!important;
  }
  .bannerFixed{
    width: 30%;
    top: 3%;
    right: 5%;
  }
  .bannerSlide.ofc{
    margin-top: 0;
  }
  .bannerBoxOfc{
    margin-top: 1.4rem;
  }
  .bannerSlide.ofc .ofcLeft{
    width: 100%;
  }
  .bannerSlide.ofc .ofcLeft .bannerTitle{
    width: 5.2rem;
    margin-left: 0.8rem;
  }
  .bannerSlide.ofc .bannerText{
    margin-left: 0.8rem!important;
    width: 4.5rem;
    margin-top: 0.5rem!important;
  }
}

/*修改样式*/

.bannerSlideleft {
  justify-content: space-between;
}
/*.bannerSlideleft .bannerRightImg{*/
/*        width: 26%;*/
/*}*/
.bannerTit {
  line-height: 65px;
}

/*.slide-flex .exhibition {*/
/*    margin-left: 80px;*/
/*}*/
.bannerTxt .bannerTitle{
  /*font-size: 64px;*/
  font-size: 50px;
}


@media (max-width:1200px) {
  .bannerTit {
    width: 5.9rem;
    margin: 0 auto;
    font-size: 0.3rem;
    margin-top: 0.42rem;
    line-height: 0.48rem;
  }

  .bannerBox .slide-flex {
    align-items: flex-start;
  }

  .bannerSlideleft {
    margin-top: 1.1rem;
  }

  .bannerTxt {
    display: flex;
    justify-content: center;
  }

  .bannerTxt .bannerTitle {
    width: auto;
    margin: 0;
    /*font-size: 0.5rem;*/
    font-size: 0.36rem;
  }

  .slide-flex .exhibition {
    margin-left: 0;
  }
  /*.bannerSlideleft .bannerRightImg{*/
  /*         width: 48%;*/
  /* }*/
}

/*新增css样式*/
.bannerTxt{
  width: 98.2%;
}

.mctext{
  display: none;
}
.slide-flexs .readThree{
  margin-left: 3.4%;
}
.pslogan{
  position: absolute;
  bottom: 6.5%;
  right: 13.93%;
  width: 21.3%;
}
.pslogan img{
  width: 100%;
}
.mslogan{
  display: none;
}

.bannerSlideRight{
  justify-content: flex-end;
}
.bannerSlideRight .pcMore{
  float: right;
  margin-top: 50px;
}
.bannerRightText{
  width: 45%;
}
.bannerRightText .bannerTitle img{
  width: 100%;
}
.bannerRightText .bannerText{
  margin-top:50px;
}
.bannerRightText .bannerText img{
  width: 67.6%;
}
@media (max-width: 1450px){
  .slide-flexs .bannerTextLeft {
    width: 60%;
  }
}
@media (max-width: 1550px){
  .pslogan{
    bottom: 8%;
    width: 22.3%;
    right: 12.93%;
  }
}
@media(max-width:1200px){
  .bannerBox .slide-flexs{
    align-items: flex-start;
  }
  .slide-flexs .bannerSlideleft{
    margin-top: 1.4rem;
  }
  .slide-flexs .bannerTxt{
    width: 100%;
  }
  .slide-flexs .bannerTextLeft{
    width: 100%;
  }
  .pctext{
    display: none;
  }
  .mctext{
    display: block;
  }
  .slide-flexs  .mobileMore{
    margin: 0;
    margin-top: 0.7rem;
    margin-left: 0.3rem;
  }

  .pslogan{
    display: none;
  }
  .mslogan{
    display: block;
    position: absolute;
    bottom: 0.42rem;
    right: 0.5rem;
    width: 3.5rem;
  }

  .mslogan img{
    width: 100%;
  }

  .bannerMore{
    margin-top: 3.3rem;
  }
  .bannerRightText{
    width: 100%;
    margin-top: 0.8rem;
  }
  .bannerRightText .bannerTitle{
    width: 4.75rem;
  }
  .bannerRightText .bannerText img{
    width: 5.5rem;
  }
  .bannerRightText .bannerText{
    margin-top: 0.35rem;
  }
  .bannerBox .zt6 .slide-inner{
    align-items: flex-start;
  }
  .bannerBox .zt6 .readMore.tradeMore{
    margin-top: 0.45rem!important;
    margin-left: 0.95rem;
  }
  .bannerBox .zt6 .bannerText, .bannerBox .zt6 .bannerTitle{
    margin-left: 0.95rem;
  }
}

.bannerBox .s2 .bannerTxt{
  width: 100%;
}


.bannerBox .worldInner{
  align-items: flex-end;
}
.bannerBox .worldInner .bannerSlide{
  margin-bottom: 8vh;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between!important;
}
.worldInner .bannerText{
  width: 62.5%;
  margin-top: 0;
  max-width: 800px;
}
.worldInner .bannerText img{
  width: 100%;
  transform-origin: center bottom;
}

@media (max-width: 1200px){
  .worldInner .bannerText{
    width: 5.5rem;
  }
  .bannerBox .worldInner .bannerSlide{
    margin-bottom: 0;
  }
  .bannerBox .worldInner{
    align-items: flex-end!important;
  }
  .worldInner .w1400 {
    margin-bottom: 1.1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .bannerBox .worldInner .bannerText{
    margin-left: 0.5rem;
  }
  .bannerBox .worldInner .readMore{
    margin-left: 0;
    margin-right: 0.7rem;
    margin-top: 0.3rem;
  }
}


/*20241009新增banner*/
.bannerBox .zt8 .bannerRightText{
    margin-left: 30px;
    width: 41.42%;
}
.bannerBox .zt8 .bannerRightText .bannerText img{
    width: 100%;
}
.bannerBox .zt8 .bannerSlideRight{
    justify-content: left;
}

.bannerBox .zt8 .bannerSlideRight .pcMore{
    float: left;
}
.bannerBox .zt8 .tradeMore p{
    color: #449401;
    border: 1px solid #449401;
}
.bannerBox .zt8 .more::after{
    background: #449401;
}
.bannerBox .zt8 .more:hover p {
    color: #fff;
}
.bannerBox .zt8 .bannerImgBac{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.bannerBox .zt8.swiper-slide-active  .bannerImgBac{
    animation-delay: 1s;
    animation-duration: 0.9s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
}
.bannerBox .zt8 .bannerImgBac span{
    width: 100%;
    height: 100%;
}
.bannerBox .zt8 .bannerImgBac span.mobileImgBac{
    display: none;
}
@media (max-width: 1200px) {
    .bannerBox .zt8 .bannerRightText{
        margin-left: 0px;
        width: 100%;
    }
    .bannerBox .zt8 .bannerRightText .bannerText img{
        width: 82.7%;
    }
    .bannerBox .zt8 .bannerText, .bannerBox .zt8 .bannerTitle {
        margin-left: 0.5rem;
        margin-top: 0.4rem;
        width: 5.37rem;
    }
    
    .bannerBox .zt8 .readMore.tradeMore{
        margin-left: 0.5rem;
        margin-top: 0.73rem !important;
    }
    .bannerBox .zt8 .bannerImgBac span.pcImgBac{
        display: none;
    }
    .bannerBox .zt8 .bannerImgBac span.mobileImgBac{
        display: block;
    }
}

/* 询盘车感谢页 */
.ThankPage{
    margin-top: 90px;
    padding: 150px 0 200px;
}
.ThankPage img{
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 200px;
}
.ThankPage p{
    margin:32px 0;
    text-align: center;
    font-size: 18px;
    color: #333;
}
.ThankPage .more{
    display: flex;
}
.ThankPage a{
    margin: 0 auto;
    width: 200px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    background: #164a9a;
}

@media (max-width: 1200px) {
    .ThankPage{
        margin-top: 1.3rem;
        padding: 1.5rem 0 2rem;
    }
    .ThankPage img{
        width: 2rem;
        height: 2rem;
    }
    .ThankPage p{
        margin:0.4rem 0;
        font-size: 0.32rem;
    }
    .ThankPage a{
        width: 2rem;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size:0.3rem;
    }
}